<script lang="ts" setup>
import { getOSSURL } from "@/utils/utils";
import { useNewsStore } from "@/store/modules/news";

const newsStore = useNewsStore();

const imgs = {
  top: "	http://542x758968.bcc.eiewz.cn/m/images/product_banner.jpg",
  swiper: [
    "https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg",
    "https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg",
    "https://storage.360buyimg.com/jdc-article/welcomenutui.jpg",
    "https://storage.360buyimg.com/jdc-article/fristfabu.jpg",
  ],
};
</script>

<template>
  <!-- 顶部图片 -->
  <div>
    <img :src="getOSSURL(imgs.top)" alt="" class="w-full" />
  </div>

  <!-- 轮播图 -->
  <h2 class="bg-white c-sky-7 p-5 text-2xl">报名指南</h2>
  <!-- <nut-swiper class="h-48" :init-page="0" :pagination-visible="true" pagination-color="#426543">
    <nut-swiper-item v-for="item in imgs.swiper" :key="item">
      <img class="h-48 object-cover" :src="getOSSURL(item)" alt="" />
    </nut-swiper-item>
  </nut-swiper> -->

  <!-- 服务流程 -->
  <!-- <div class="p-5 flex flex-col items-center bg-white">
    <h2 class="text-2xl c-gray-7">服务流程</h2>
    <p class="p-3 c-gray-6">
      xxx企业培训来自20年企业教练团队倾力打造，将中国传统文化与世界企业教练管理经验，突破传统，实践融合。
      “人为本，心若镜，破陈思，修贤德，立明志，创家业。”在不断的学习实践过程中，真正引导企业家及社会精英人士认清自我，打破传统的思维模式，获得积极正向的心态能量，厘清目标，创造成果。全新的“体验式学习”方法，不再局限于各类“大师讲解”后，与自身现状脱离，无从着手、徒劳无果的局面。培训领导力，让你在学习实践中，真正结合自身瓶颈，挖掘潜能，提升个人影响力……
    </p>
  </div> -->

  <ul class="px-3 py-4 flex flex-col gap-4">
    <li v-for="item in newsStore.guideList" :key="item.id" class="px-5 py-3 bg-white c-gray-7 rd-2" @click="$router.push(`/school/guide/${item.id}`)">
      <h3 class="text-xl">{{ item.title }}</h3>
      <p class="mt-2 c-gray-5">{{ item.desc }}</p>
      <p class="mt-2 c-gray-4">{{ item.publicDate }}</p>
    </li>
  </ul>
</template>
